<!--
 * @Author: TT-hzy
 * @Date: 2024-07-23 14:58:10
 * @LastEditors: TT-hzy
 * @LastEditTime: 2024-08-06 14:56:12
-->
<template>
    <view class="content">
        <image class="logo" src="/static/logo.png" @click="tapLearn" />
        <view class="text-area">
            <text class="title">{{ title }} </text>
        </view>
        <view class="row-start">

            <view class="row-start pt-20  fw-500 text-100 ">
                <view>好啊</view>
                <view>太好了</view>
            </view>
            <view>keyid</view>
        </view>

    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const title = ref('Hello')

function tapLearn() {
    uni.navigateTo({
        url: '/pages/learn/index',
        animationType: "slide-in-bottom",
    });
}
</script>


<style scoped lang="scss">
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
}

.text-area {
    display: flex;
    justify-content: center;
}

.title {
    font-size: 36rpx;
    color: #8f8f94;
}
</style>
